<template>
	<van-tabs  title-active-color='#3A89DD' v-model:active='props.active'>
	  <van-tab replace='replace' v-for="(item,index) in props.classData" :title="item.ClassName"  @click-tab="onClickTab(item,index)" :replace='replace'  >
	    
	  </van-tab>
	</van-tabs>
</template>
<script setup>
	import {reactive,defineEmits,defineComponent,ref} from 'vue'
	let emit=defineEmits()
	const props=defineProps({
		classData: {
			type: Array
		},
		active:{
			type: Number
		}
	})
	let replace=ref(true)
	const onClickTab=(item,index)=>{
		// console.log(item,'点击里面的')
		emit('ClickTab',item)
	}

</script>


<style lang='scss' scoped>
	::v-deep .van-tabs__line{
		margin-top: 10rpx;
		background-color: #3A89DD;
		/* background-color: red; */
	}
	::v-deep .van-tab{
		height: 100rpx;
	}
</style>

